@import "phoneGet";/*好水电费*/
@import "close";/*城市列表*/
$bg:#eee;
$wi:100%;
$wid:1200px;

@mixin head{
  padding-top: 15px;
  background: #F7F7F7;
  width:$wid;
  height:48px;}
*{
  margin: 0;
  padding: 0;
}
a{
  cursor:pointer;
}
.citySel{
  @include close();
}
.citySel2{
  @include close();
  top:115px;
  left: 10px;
  p{
    button{
      width:50px;
      height:30px;
      margin-top: 0;
      padding: 0;
    }
  }

}
body{
  width:100%;
  .head{
  	width:$wi;

    display:flex;
    align-items: center;
    background: #eee;
    justify-content: space-between;
  	height:41px;
  	border-bottom: 1px solid #404040;
  	.cut{
      margin-left: 2.5%;
      position: relative;
  		width-max:300px;
  		width-min:200px;
      ul{
        list-style: none;
        display:flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        li{
          margin: 0 9px;
        }
  		}
  	}
	  .t_menu{
		  //width:500px;
      float:right;
        margin-right: 2.5%;
      ul{
        list-style: none;
        display: flex;
        justify-content: space-around;
        li{
          margin: 0 9px;
          span{
            margin-right: 9px;
            display: inline-block;
          }
        }
      }
		  
	  }
  }
  .tcb_main{
    width:95%;
    margin-left: 2.5%;
    .tcb_banner{
      width:100%;
      height:71px;

      display: flex;
      justify-content: space-between;
      .tcb_banner_shopMenu{
        width:600px;
        ul{
          display: flex;
          justify-content: space-around;
          list-style: none;
          line-height: 71px;
          font-size: 18px;
        }
      }
    }
    .tcb_banner_inner{
      width:1200px;
      heigth:340px;
      margin-left: 20px;
      //border:1px solid;
      position: relative;
      .tcb_banner_inner_menu{
        position: absolute;
        top:0;
        left: 0;
        background: #4B4948;
        width:235px;
        heigth:340px;
        color:white;
        li{
          height:84px;
          display: flex;
          justify-content: space-around;
          box-sizing: content-box;
          border-bottom: 1px solid #9A9895;line-height: 84px;
        }
      }
    }
    .tcb_serve{
      width:$wid;
      justify-content: space-around;


    }

    }
    .tcb_hot{
      width:$wid;
      .tcb_top{
       @include head();
      }
      .tcb_hot_menu{
        @include buju();
      }

      //.tcb_hot_menu{
      //  width: $wid;
      //  ul{
      //    width: $wid;
      //    display: flex;
      //    justify-content: space-between;
      //    list-style: none;
      //  }
      //}
    }
    .tcb_boutique{
      width:$wid;
      .tcb_top{
        @include  head();
      }
      .tcb_boutique_menu{
       /* width:$wid;
        ul{
          display: flex;
          justify-content: space-between;
          list-style: none;
        }
*/      @include buju();
        li{
          margin-top:-20px;
          h5{
            color:orangered;
            margin-top: 10px;
          }
        }
      }

    }
  }
  .tcb_weixiu{
    width:$wid;
    position: relative;
    .tcb_top{
      @include head();
    }
    button{
      width:120px ;
      heihgt:35px;
      padding: 10px;
      margin: 10px;
    }
    .shang{
      width:475px;
      height:35px;
      display: inline-block;
    }
  }
  .tcb_weixiu_menu{
    width:900px;
    ul{
      display: flex;
      list-style: none;
      border:1px solid #404040;
      line-height: 35px;
      justify-content: space-around;
      background: #eee;
      .active{
        background: white;
      }
    }
  }
  .tcb_shop{
    width:900px;
    li{
      list-style:none;
      display: flex;
      //border:1px solid red;
      border-bottom: 1px solid #404040;
      .logo{
          width:100px;
          border:1px solid #eee;
        margin: 15px;
        img{
          width:100px;
        }
      }
      .details{
        width:400px;
        margin-top: 15px;
        position: relative;
        p{
          line-height:40px;

        }
        .deng{
          position: absolute;
          top: 3px;left:150px;
        }
      }
      .approve{
        width:400px;
        margin-top: 15px;
        position: relative;
        P{
          line-height: 40px;
        }
        a{
          position: absolute;
          top:30px;
          left:250px;
          width: 100px;
          height:30px;
          font-size: 20px;
          border:1px solid #00B7FF;
          text-decoration: none;
          color:#118855;
          text-align: center;
        }
      }
    }

  }

